.page{
		padding-bottom: 20rpx;
	}
	.back{
		transition-duration: 350ms;
		transition-timing-function: ease-out;
		position: fixed;
		inset: 0px;
		z-index: 98;
		background-color: rgba(0, 0, 0, 0.5);
	}
	.popindex{
		width: 100vw;
		background-color: #f7f7f7;
		border-radius: 15px 15px 0 0;
		overflow: hidden;
	}

	.banner{
		padding:10px 10px 0; border-radius: 10px; overflow: hidden;
	}
	.warp {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	.home-bg {
		.content-p{
			padding:0 10px;
			// margin-bottom: 200px;
		}
		.nav-head {

			font-size: 30rpx;
			font-weight: 380;
			display: flex;

			view {
				display: flex;
				flex-direction: row;
				align-items: center;
				color: white;
			}

			.flex {
				flex: 1;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;

				text {
					flex: 1;
					display: flex;
					justify-content: flex-end;
				}
			}

			.flex_2 {
				flex: 2;
			}
		}
		.product-wrapper {
			margin: 0 0 30rpx 0;
			.product-item {
				padding: 22rpx;
				background-color: rgb(255, 255, 255);
				border-radius: 28rpx;
				margin: 20rpx 0;

				.left-section {
					color: rgb(255, 255, 255);
					font-size: 24rpx;
					white-space: nowrap;
					border-radius: 12rpx;
					//background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61ab188e1f655f0011bbaece/61e7d9270c0e3200129ec72c/16425844604317986283.png');
					background-size: 100% 100%;
					background-repeat: no-repeat;
					width: 200rpx;
					// height: 154rpx;

					.text-wrapper {
						position: relative;

						.text_6 {
							text-align: center;
							width: 216rpx;
							position: absolute;
							bottom: 0;
							background-color: rgba(0, 0, 0, 0.36);
							border-radius: 0px 0px 12rpx 12rpx;
							//margin: 0 6rpx;
						}
					}
				}

				.right-group {
					margin-left: 22rpx;
					flex: 1 1 auto;
					display: flex;
					justify-content: space-between;
					position: relative;
					.group_7 {
						margin-top: 8rpx;

						.left-text-wrapper {
							padding: 4rpx 0;
							color: rgb(255, 255, 255);
							font-size: 20rpx;
							line-height: 28rpx;
							white-space: nowrap;
							background-color: rgb(243, 151, 53);
							border-radius: 8rpx;
							width: 104rpx;
							height: 36rpx;
							text-align: center;
						}

						.right-text-wrapper {
							margin-left: 6rpx;
							padding: 2rpx 0;
							color: rgb(243, 151, 53);
							font-size: 20rpx;
							line-height: 28rpx;
							white-space: nowrap;
							border-radius: 8rpx;
							width: 104rpx;
							height: 36rpx;
							border: solid 2rpx rgb(243, 151, 53);
							text-align: center;
						}
					}

					.image_5 {
						width: 24rpx;
						height: 24rpx;
						margin-left: 14rpx;
						margin-right: 3rpx;
					}

					.group_8 {
						// margin-top: 8rpx;
						color: rgb(102, 102, 102);
						font-size: 24rpx;
						// line-height: 34rpx;
						white-space: nowrap;
						align-items: center;



						.text_14 {
							margin-left: 4rpx;
						}

						.stime{
							min-width: 45px;
							    height: 17px;
							    line-height: 17px;
							    padding: 0 4px;
							    text-align: center;
							    background: linear-gradient(270deg,#4c545a,#282b34);
							    border-radius: 4px;
							    font-size: 10px;
							    color: #ffeeb9;
						}


					}

					.group_9 {
						// margin-top: 16rpx;
						width: 100%;
						display: flex;

						// justify-content: space-around;
						.left-group {
							// margin-top: 14rpx;
							white-space: nowrap;
							// height: 44rpx;

							.text_16 {
								color: #FF6100;
								font-size: 24rpx;

							}

							.price-font1 {
								font-size: 22rpx;
								color: #ccc;
								margin-left: 8rpx;
							}

							.text_14 {
								font-size: 22rpx;
								color: #727272;
							}

							.text_18 {
								font-family: Price-Bold;
								color: #FF6100;
								font-size: 32rpx;

							}
						}

						.center-group {
							margin-left: 4rpx;
							margin-top: 20rpx;
							position: relative;

							.group_10 {
								line-height: 28rpx;
								white-space: nowrap;

								.text_20 {
									color: rgb(153, 153, 153);
									font-size: 24rpx;
									line-height: 28rpx;
								}

								.text_22 {

									color: rgb(153, 153, 153);
									font-size: 24rpx;
									line-height: 28rpx;
								}
							}

							.divider {
								background-color: rgb(151, 151, 151);
								width: 88rpx;
								height: 2rpx;
								position: absolute;
								left: 2rpx;
								right: 0;
								top: 50%;
								transform: translateY(-50%);
							}
						}

						.right-text-wrapper_1 {


							margin-left: 40rpx;
							margin-top: 6rpx;
							padding: 4rpx 0 2rpx;
							color: rgb(255, 255, 255);
							font-size: 24rpx;
							line-height: 34rpx;

							background-image: linear-gradient(112.4deg,
									rgb(53, 219, 160) 0%,
									rgb(53, 219, 160) -13.77%,
									rgb(24, 181, 103) 111.69%,
									rgb(24, 181, 103) 100%);
							border-radius: 20rpx;
							width: 128rpx;
							height: 40rpx;
							text-align: center;
						}
					}

					.text_8 {
						color: #333;
						font-size: 30rpx;
						font-weight: 600;
					}

					.text_10 {
						color: #727272;
						font-size: 22rpx;
						line-height: 34rpx;
					}
				}
			}
		}
	}

	.xz {
		width: 156rpx;
		height: 32px;
		background-color: rgb(56, 152, 124);
		border-radius: 12rpx;
		font-size: 26rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 32px;
		text-align: center;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.indexTech_title{
		position: relative; font-size: 13px; margin-bottom: 6px; padding-left: 10px;
	}
	.indexTech_title::before{
		position: absolute; height: 100%; width: 4px; left: 0; background-color: #FF6100;
		border-radius: 4px;
		content: ' ';
	}
	.indexTech{
		white-space: nowrap;
		width:100%;
		overflow: hidden;
		.item{
			margin-right: 8px;
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			font-size: 12px;
			.avatar{
				width: 80px; height: 80px; margin-bottom: 3px; position: relative;
				border-radius: 5px;
				overflow: hidden;
			}
			.avatar>view{
				position: absolute; bottom: 0; width: 100%; padding: 3px 0; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center;
			}
			.avatar>image{
				width: 100%;
				height: 100%;
			}
			.distance{
				color: #666;
			}
			.distance>text{
				color: #000; margin-left:2px;
			}
		}
		.item:last-child{
			margin-right: 0;
		}
	}
	
	.no-wifi{
		// background: red;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		image{
			margin-bottom: 50rpx;
		}
		.fail{
			font-size: 30rpx;
			font-weight: bold;
			color: black;
			margin-bottom: 20rpx;
		}
		.tips{
			font-size: 20rpx;
			color: #b6b2b2;
			margin-bottom: 20rpx;
		}
		.btn {
		width: 240rpx;
		  height: 70rpx;
		  padding: 0 20rpx;
		  font-size: 28rpx;
		  line-height: 70rpx;
		  text-align: center;
		  color: #ffffff;
		  background: #38987c;
		  border-radius: 7px;
		}
	}